.top .row {
    margin: auto;
    max-width: 990px;
}

.top .row .col-md-12 {
    padding-top: 35px;
    padding-left: 0px;
    padding-right: 0px;
}

.top .row .col-md-12 .tech {
    padding-left: 40px;
}

.top .row .col-md-12 span {
    color: rgba(0, 0, 0, 1);
    font-size: 30px;
    padding-left: 30px;

}
.top .row .col-xs-12 .loginspan {
    position: absolute;
    margin-top: 20px;
}
.top .row .col-md-12 .account {
    float: right;
    padding-top: 54px;
}

.top .row .col-md-12 .account span {
    font-size: 18px;
}

.top .row .col-md-12 .account a {
    font-size: 18px;
    color: red;
}

.line {
    margin-top: 20px;
    width: 100%;
    border: 2px solid RGBA(230, 218, 184, 1);
    margin-bottom: 50px;
}

.sub1 {
    max-width: 450px;
    margin: auto;
    margin-bottom:230px;
}

.sub1 .bar div {
    display: inline-block;
}

.sub1 .bar p {
    padding-top: 15px;
}

.sub1 .bar .one img {
    padding-left: 23px;
}

.sub1 .bar .two img {
    padding-left: 30px;
}

.sub1 .bar .three img {
    padding-left: 16px;
}

.sub1 .bar .one .onep {
    color: RGBA(102, 153, 255);
}
.sub1 .form input{
    font-size:16px;
    width:100%;
    padding:7px 15px;
}
.sub1 .form .input-tip{
    height:20px;
}
.sub1 .form form{
    margin-bottom:0px;
}
.sub1 .form #form-p{
    margin:0;
    font-size:14px;
}
.sub1 .form #form-p span{
    color:red;
}

.external {
    margin: 20px;
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid black;
    margin:auto;
}

.bg {
    position: absolute;
    width: 0px;
    height: 100%;
    background-color: #7ac23c;
    
}

.external .sliding {
    position: absolute;
    width: 50px;
    height: 100%;
    cursor: move;
    border: 1px solid #ccc;
    
}

.external .worddiv {
    position: absolute;
    width: 100%;
    height: 100%;
    line-height: 38px;
    text-align: center;
    /*background-color: #9c9c9c;*/
    user-select: none;
    -webkit-user-select: none;
}
.sub1 .submit{
    margin-top:40px;
    height:40px;
    width:100%;
    background-color:red;
}





.sub2 {
    max-width: 450px;
    margin: auto;
    display:none;
    margin-bottom:135px;
}

.sub2 .bar div {
    display: inline-block;
}

.sub2 .bar p {
    padding-top: 15px;
}

.sub2 .bar .one img {
    padding-left: 23px;
}

.sub2 .bar .two img {
    padding-left: 30px;
}

.sub2 .bar .three img {
    padding-left: 16px;
}

.sub2 .bar .two .twop{
    color: RGBA(102, 153, 255);
}
.sub2 .form .user,.onepass,.twopass{
    font-size:24px;
    width:100%;
}
.sub2 .form form{
    margin-bottom:40px;
}
.sub2 .form input{
    position:relative;
    padding:10px 0px 10px 120px;
    font-size:16px;
    width:100%;
    z-index:0;
}
.sub2 .form label{
    margin:0px;
    position:absolute;
    float:left;
    z-index:1;
    padding-left:10px;
    line-height:47px;
}
.sub2 .form .input-tip{
    height:32px;
    width:100%;
}
.sub2 .input-tip p{
    margin:0px;
    font-size:14px;
}
.sub2 .input-tip span{
    color:red;
}
.sub2 .submit{
    height:40px;
    width:100%;
    background-color:red;
}



.sub3 {
    max-width: 450px;
    margin: auto;
    display:none;
    margin-bottom:90px;
}
.sub3 .bar div {
    display: inline-block;
}

.sub3 .bar p {
    padding-top: 15px;
}

.sub3 .bar .one img {
    padding-left: 23px;
}

.sub3 .bar .two img {
    padding-left: 30px;
}

.sub3 .bar .three img {
    padding-left: 16px;
}

.sub3 .bar .three .threep {
    color: RGBA(102, 153, 255);
}

.sub3 .photo {
    margin: auto;
    margin-top: 40px;
    height: 207px;
    max-width: 207px;

}
/*手机端属性*/
@media screen and (max-width:768px){
    .top .row .visible-xs{
        padding-left:20px;
    }
    .visible-xs .account{
        padding-right:20px;
    }
    .line {
        margin:20px 0;
    }
    .sub3 .photo {
        margin-top:20px;
    }
}
.sub3 .text {
    margin-top: 40px;
    color: red;
    font-size: 24px;
    text-align: center;
}



.foot{
    margin-top:30px;
}          
.foot span{
    font-size:16px;
}
.foot .link{
    
    text-align: center;
    height:25px;
}
.foot .copyright{
    margin-top:20px;
    text-align:center;
    height:25px;
}

#myIframe{
    height:0;
    width:0;
}